<template>
    <svg class="icons" :class="class" fill="currentColor" width="1em" height="1em">
        <use :href="iconName" ></use>
    </svg>
</template>
<script setup lang="ts">
import { computed } from 'vue';

const props = defineProps<{
    name:string
    class?:string
}>()
const iconName = computed(()=>`#icon-${props.name}`)
</script>
<style lang="scss">
.icons{
    font-size: 16px;
}
</style>